<template>
  <div>
    <h2 class="count">我是Count组件</h2>
    <input type="text" ref="input" placeholder="请输入文本">
    <button @click="getRef">点击</button>
  </div>
</template>

<script>
export default {
  name: "Count",
  data(){
    return{
      msg:'我是Count组件'
    }
  },
  methods:{
    getRef(){
      //1.将ref使用在普通元素上
      // console.log(this.$refs)//获取到的是dom对象
      console.log(this.$refs.input.value)
    }
  }
}
</script>

<style scoped>

</style>